$(function(){
	// 1.封装函数实现下拉和上提事件
	function fadeToggle(obj1,obj2){
		$(obj1).on("mouseenter",function(){
		$(obj2).stop().slideDown(200);
		})
		$(obj1).on("mouseleave",function(){
			$(obj2).stop().slideUp(200);
		})
	}
	fadeToggle(".phonewatch-exp",".dropdown-exp");
	fadeToggle(".server-exp",".server-dropdown")
	// 2.封装函数实现移入移出li背景颜色改变
	function bgChange(obj1,obj2){
		$(obj1).on("mouseenter",obj2,function(){
			$(obj2).css({"background":"#fff","color":"#000"});
			})
		$(obj1).on("mouseleave",obj2,function(){
			$(obj2).css({"background":"rgb(51,51,51)","color": "#ccbeb8"});
		})
	}
	bgChange(".phonewatch-exp",".phone-exp")
	bgChange(".server-exp",".server");
	// 3.实现下拉手机腕表里面的tab切换
	$(".tabdropdown-exp").on("mouseenter","a",function(){
		$("a").each(function(i){
			$(".tabdropdown-exp a").css({"background":"#fff","color":"#000"});
			$(".app-exp").css("display","none");
		})
		$(this).css({"background":"#332e2e","color":"#fff"});
		$(".app-exp").eq($(".app").index($(this))).css({
			"display":"block"
		});
	})
	// 4.实现键盘弹起出现搜索框事件
	var $text = $(this).val();
	$(".search-exp").css("color","#999")
	$(".search-box").on({
		"keyup":function(){
			if($(this).val()){
				$(this).next().css("display","block");
		    }
		},
		"blur":function(){
			var $text = $(this).val();
			if($(this).val()==""){
				$(this).next().css("display","none");
				$(this).prop("value","搜索 品牌/系列/型号");
				$(this).css("color","#999");
			}else{
				$(this).attr("value",$text);
				$(this).css("color","#333");
			}
		},
		"focus":function(){
			$(this).prop("value","");
			$(this).css("color","#333");
		}
	});
	// 5.实现hot图片的上下动态效果
    setInterval(function(){
    	if($(".hotpic-ban").css("top")=="-8px"){
    		$(".hotpic-ban").css("top","-6px");
    	}else{
    		$(".hotpic-ban").css("top","-8px");
    	}
    },300);
    // 6.实现移入移出hot-li实现下面选表中心内容的出现隐藏
    fadeToggle(".hot-li",".swcenter-ban");
    // 7实现移入移出全部腕表让下面的内容下拉和上提
    fadeToggle(".header-ban",".wbcontent");
    // 8.封装函数实现一入一出全部腕表下面内容其右侧部分出现和消失以及一些样式的改变
    $(".wbcontent").on("mouseenter",".item-con",function(){
    	$(".item-con").each(function(){
    		$(".item-con").attr("class","item-con");
    		$(".item-con .menu-item").hide();
    	})
    	$(this).attr("class","item-con active");
    	$(".item-con .menu-item").eq($(".item-con").index($(this))).show();
    })
     $(".wbcontent").on("mouseleave",".item-con",function(){
    	$(".item-con").each(function(){
    		$(".item-con").attr("class","item-con");
    		$(".item-con .menu-item").hide();
    	})
    })
     // 9.实现底部tab切换
 //     $(".code1-con .code-tab").on("mouseenter","li",function(){
	// 	$("li").each(function(i){
	// 		$(".code1-con .code-tab li").css({"background":"#fff","color":"#000"});
	// 		$(".code-con11").css("display","none");
	// 	})
	// 	$(this).css({"background":"#332e2e","color":"#fff"});
	// 	$(".code-con11").eq($(".code1-con .code-tab li").index($(this))).css({
	// 		"display":"block"
	// 	});
	// })
 })